var projetDreamAccueil = {
    categories: [],
    initAccueil: function () {
        var getCategoriesUrl = projetDream.webservicesBaseUrl + "accueil/getCategoriesRacines";
        var req = $.ajax({
            url: getCategoriesUrl,
            dataType: "json"
        });
        req.done(function (result) {
                require(['jsviews'], function () {
                projetDreamAccueil.categories = result;

                var categoriesTemplate = $.templates("#categoriesAccueilTemplate");
                var categoriesTargetString = "#categoriesAccueilDiv";
                categoriesTemplate.link(categoriesTargetString, {categories: projetDreamAccueil.categories});

                var idCategorieTous = 1;
                projetDreamAccueil.selectCategorie(idCategorieTous);
                projetDreamAccueil.applySelectCategorie();
            });
        });
    },
    selectCategorie: function (idCategorie) {
        require(["jsobservable"], function () {
            for (var i = 0; i < projetDreamAccueil.categories.length; i++) {
                var categorie = projetDreamAccueil.categories[i];
                if (categorie.idCategorieReve == idCategorie) {
                    $.observable(categorie).setProperty("selected", true);
                }else{
                    $.observable(categorie).setProperty("selected", false);
                }
            }
            projetDreamAccueil.chargerListeReves(idCategorie);
        });
    },
    applySelectCategorie: function(){
        $("#categoriesAccueilDiv").on("click","a.selectCategorie", function(){
            var idCategorieReve = $(this).attr("categorie");
            projetDreamAccueil.selectCategorie(idCategorieReve);
        });
    },
    chargerListeReves: function(idCategorie){
        var getRevesUrl = projetDream.webservicesBaseUrl + "accueil/getListeRevesPlusVendus/" + idCategorie;
        var req = $.ajax({
            url: getRevesUrl,
            dataType: "json"
        });
        req.done(function (result) {
            require(['jsrender'], function () {
                var revesTemplate = $("#listeMeilleuresVenteRevesAccueilTemplate");
                var revesTarget = $("#listeMeilleuresVenteRevesAccueilDiv");
                var revesToRender = {
                    reves: result
                };
                revesTarget.html(revesTemplate.render(revesToRender));
            });
        });
    }
}